<%-- 
    Document   : infoestado
    Created on : 07/07/2012, 20:25:11
    Author     : Rodrigo
--%>

<%@page import="model.Usuario"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        <div style="position: absolute;">
            <c:set var="estado" value="${sessionScope.estadoSelecionado}" />

            <div style="text-align: center; position: relative; width: 800px;" class="textos">
                <h1><c:out value="${estado.nome}" /></h1>
            </div>

            <div style="text-align: center; position: relative; color: #FFFFFFFF;" class="textos">
                ---------------------------------------------------#-------------------------------------------------
            </div>

            <div style="position: relative;">
                <div style="float:left">
                    <div style="width: 139px; height: 200px; text-align: center;" class="guerreiro">
                    </div>
                </div>

                <div style="float: left; margin-left: 5px;">

                    <div style="height: 200px;">
                        <div style="padding-top: 10%;">
                            <div style="float:left;">
                                <label style="font-size: 50px; color: green;">+<c:out value="${estado.guerreiro_forca}" /></label>
                            </div>
                            <div style="float:left; margin-top: 20px; margin-left: 10px;">
                                <label >pontos de força</label>
                            </div>
                        </div>

                        <div style="clear: both; padding-top: 10%;">				
                            <div style="float:left;">
                                <label style="font-size: 50px; color: green;">+<c:out value="${estado.guerreiro_vida}" /></label>
                            </div>
                            <div style="float:left; margin-top: 20px; margin-left: 10px;">
                                <label >pontos de vida</label>
                            </div>
                        </div>		

                    </div>
                </div>

                <div style="float: left; width: 139px; height: 200px; text-align: center;  margin-left: 20px;" class="arqueiro">
                </div>

                <div style="float: left; margin-left: 5px; position:relative;">

                    <div style="height: 200px; position: relative;">
                        <div style="padding-top: 10%;">
                            <div style="position: relative; float:left;">
                                <label style="font-size: 50px; color: green;">+<c:out value="${estado.arqueiro_forca}" /></label>
                            </div>
                            
                            <div style="float:left; margin-top: 20px; margin-left: 10px;">
                                <label >pontos de força</label>
                            </div>
                        </div>

                        <div style="clear: both; padding-top: 10%;">				
                            <div style="float:left;">
                                <label style="font-size: 50px; color: green;">+<c:out value="${estado.arqueiro_vida}" /></label>
                            </div>
                            <div style="float:left; margin-top: 20px; margin-left: 10px;">
                                <label >pontos de vida</label>
                            </div>
                        </div>		

                    </div>
                </div>
            </div>
            <div class="textos" style="clear: both; position: relative;  text-align: center; padding-top: 30px;">Selecionando este estado, você terá os bônus acima. Deseja continuar?</div>

            <div style="position: relative;">
                <div style="float:left;">
                    <a href="PrincipalServlet?acao=mapa">
                        <div class="buttonvoltar" style="margin:0px;">
                        </div>
                    </a>
                </div>

                <div  style="float: right;">
                    <a href="PrincipalServlet?acao=selecionaclasse">
                        <div class="buttoncontinuar" style="margin:0px;">
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </body>
</html>
